<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cases</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="wrapper">
    <div class="header">
        </div>
    <div class="mainPage">
        <div class="clearfix"></div>
        <div class="aboutPage1">
            <h2 style="display: none;" ></h2>
            <p style="padding-top: 60px;" >
                    北极光找寻并培育有远见，有持续创新动力和能力，致力于推动技术发展、社会进步的企业家，携手共进。
            </p>
        </div>
        <div class="cases-nav">
            <a href="javascript:;" class="active">
                所有
            </a>
            <a href="javascript:;">
                TMT
            </a>
            <a href="javascript:;">
                先进技术
            </a>
            <a href="javascript:;">
                医疗健康
            </a>
            <a href="javascript:;">
                其他
            </a>
        </div>
        <div class="cases-content clearfix">
            <h3></h3>
            <div class="cases-list container">
                <ul>
                    <li data-role='TMT'>
                        <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                        <div class="casesBox">
                            <h4 class="name">TMT--先进技术展讯通信</h4>
                            <p class="time">
                                <span>2005</span>年投资
                            </p>
                            <p class="address">
                                <span>Public 纳斯达克 SPRD</span>
                                <br />
                                <span>美元基金</span>
                                <span>中国上海</span>
                            </p>
                            <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                            <a href="#" class="url">http://www.spreadtrum.com</a>
                        </div>
                    </li>
                    <li data-role='先进技术'>
                        <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                        <div class="casesBox">
                            <h4 class="name">先进技术--展讯通信</h4>
                            <p class="time">
                                <span>2005</span>年投资
                            </p>
                            <p class="address">
                                <span>Public 纳斯达克 SPRD</span>
                                <br />
                                <span>美元基金</span>
                                <span>中国上海</span>
                            </p>
                            <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                            <a href="#" class="url">http://www.spreadtrum.com</a>
                        </div>
                    </li>
                    <li data-role='医疗健康'>
                        <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                        <div class="casesBox">
                            <h4 class="name">医疗健康--展讯通信</h4>
                            <p class="time">
                                <span>2005</span>年投资
                            </p>
                            <p class="address">
                                <span>Public 纳斯达克 SPRD</span>
                                <br />
                                <span>美元基金</span>
                                <span>中国上海</span>
                            </p>
                            <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                            <a href="#" class="url">http://www.spreadtrum.com</a>
                        </div>
                    </li>
                    <li data-role='其它'>
                        <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                        <div class="casesBox">
                            <h4 class="name">其他--展讯通信</h4>
                            <p class="time">
                                <span>2005</span>年投资
                            </p>
                            <p class="address">
                                <span>Public 纳斯达克 SPRD</span>
                                <br />
                                <span>美元基金</span>
                                <span>中国上海</span>
                            </p>
                            <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                            <a href="#" class="url">http://www.spreadtrum.com</a>
                        </div>
                    </li>
                    <li data-role='TMT'>
                        <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                        <div class="casesBox">
                            <h4 class="name">TMT通信</h4>
                            <p class="time">
                                <span>2005</span>年投资
                            </p>
                            <p class="address">
                                <span>Public 纳斯达克 SPRD</span>
                                <br />
                                <span>美元基金</span>
                                <span>中国上海</span>
                            </p>
                            <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                            <a href="#" class="url">http://www.spreadtrum.com</a>
                        </div>
                    </li>
                    <!-- <li data-role='TMT'>
                            <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                            <div class="casesBox">
                                <h4 class="name">TMT--先进技术展讯通信</h4>
                                <p class="time">
                                    <span>2005</span>年投资
                                </p>
                                <p class="address">
                                    <span>Public 纳斯达克 SPRD</span>
                                    <br />
                                    <span>美元基金</span>
                                    <span>中国上海</span>
                                </p>
                                <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                <a href="#" class="url">http://www.spreadtrum.com</a>
                            </div>
                        </li>
                        <li data-role='先进技术'>
                            <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                            <div class="casesBox">
                                <h4 class="name">先进技术--展讯通信</h4>
                                <p class="time">
                                    <span>2005</span>年投资
                                </p>
                                <p class="address">
                                    <span>Public 纳斯达克 SPRD</span>
                                    <br />
                                    <span>美元基金</span>
                                    <span>中国上海</span>
                                </p>
                                <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                <a href="#" class="url">http://www.spreadtrum.com</a>
                            </div>
                        </li>
                        <li data-role='医疗健康'>
                            <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                            <div class="casesBox">
                                <h4 class="name">医疗健康--展讯通信</h4>
                                <p class="time">
                                    <span>2005</span>年投资
                                </p>
                                <p class="address">
                                    <span>Public 纳斯达克 SPRD</span>
                                    <br />
                                    <span>美元基金</span>
                                    <span>中国上海</span>
                                </p>
                                <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                <a href="#" class="url">http://www.spreadtrum.com</a>
                            </div>
                        </li>
                        <li data-role='TMT'>
                                <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                <div class="casesBox">
                                    <h4 class="name">TMT--先进技术展讯通信</h4>
                                    <p class="time">
                                        <span>2005</span>年投资
                                    </p>
                                    <p class="address">
                                        <span>Public 纳斯达克 SPRD</span>
                                        <br />
                                        <span>美元基金</span>
                                        <span>中国上海</span>
                                    </p>
                                    <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                    <a href="#" class="url">http://www.spreadtrum.com</a>
                                </div>
                            </li>
                            <li data-role='先进技术'>
                                <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                <div class="casesBox">
                                    <h4 class="name">先进技术--展讯通信</h4>
                                    <p class="time">
                                        <span>2005</span>年投资
                                    </p>
                                    <p class="address">
                                        <span>Public 纳斯达克 SPRD</span>
                                        <br />
                                        <span>美元基金</span>
                                        <span>中国上海</span>
                                    </p>
                                    <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                    <a href="#" class="url">http://www.spreadtrum.com</a>
                                </div>
                            </li>
                            <li data-role='医疗健康'>
                                <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                <div class="casesBox">
                                    <h4 class="name">医疗健康--展讯通信</h4>
                                    <p class="time">
                                        <span>2005</span>年投资
                                    </p>
                                    <p class="address">
                                        <span>Public 纳斯达克 SPRD</span>
                                        <br />
                                        <span>美元基金</span>
                                        <span>中国上海</span>
                                    </p>
                                    <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                    <a href="#" class="url">http://www.spreadtrum.com</a>
                                </div>
                            </li>
                            <li data-role='TMT'>
                                    <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                    <div class="casesBox">
                                        <h4 class="name">TMT--先进技术展讯通信</h4>
                                        <p class="time">
                                            <span>2005</span>年投资
                                        </p>
                                        <p class="address">
                                            <span>Public 纳斯达克 SPRD</span>
                                            <br />
                                            <span>美元基金</span>
                                            <span>中国上海</span>
                                        </p>
                                        <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                        <a href="#" class="url">http://www.spreadtrum.com</a>
                                    </div>
                                </li>
                                <li data-role='先进技术'>
                                    <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                    <div class="casesBox">
                                        <h4 class="name">先进技术--展讯通信</h4>
                                        <p class="time">
                                            <span>2005</span>年投资
                                        </p>
                                        <p class="address">
                                            <span>Public 纳斯达克 SPRD</span>
                                            <br />
                                            <span>美元基金</span>
                                            <span>中国上海</span>
                                        </p>
                                        <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                        <a href="#" class="url">http://www.spreadtrum.com</a>
                                    </div>
                                </li>
                                <li data-role='医疗健康'>
                                    <img src="img/SENSORO.jpg" width="400" height="240" alt="">
                                    <div class="casesBox">
                                        <h4 class="name">医疗健康--展讯通信</h4>
                                        <p class="time">
                                            <span>2005</span>年投资
                                        </p>
                                        <p class="address">
                                            <span>Public 纳斯达克 SPRD</span>
                                            <br />
                                            <span>美元基金</span>
                                            <span>中国上海</span>
                                        </p>
                                        <p class="intro">无线通信及多媒体终端的核心芯片、专用软件和参考设计平台的开发商</p>
                                        <a href="#" class="url">http://www.spreadtrum.com</a>
                                    </div>
                                </li> -->
                </ul>
            </div>
        </div>
        <div class="push"></div>
    </div>
</div>
    <div class="footer"> 
    </div>

</body>
<script src="util/jquery1.9.1.min.js"></script>
<script src="js/main.js"></script>
<script>
    $(function(){
        // 提取头部
        aClick(2);
       window.addEventListener('touchstart',function(){
        // e.preventDefault()
            $('.cases-list li .casesBox').css('display','none');
         });
        $('.cases-list li .casesBox').css('display','none');
        
        $('.cases-list li').hover(
            function(){
                $(this).children('.casesBox').addClass('zoomIn2');
                $(this).children('.casesBox').css('display','block');
            },function(){
                $(this).children('.casesBox').css('display','none');
                $(this).children('.casesBox').removeClass('zoomIn2');
            }
        )


        function showCases(str){
            $(".cases-list li").hide();
            if(str=="all"){
                $(".cases-list li").fadeIn(200);
                $(".cases-content").attr("class","cases-content clearfix");
                $(".cases-content h3").hide();
            }else{
                var roleTxt="";
                var index2=location.pathname.indexOf("/",1);
                var TMTStr="互联网娱乐、企业互联网、交易平台、互联网+垂直领域、智能系统";
                var TechStr="能源技术、新材料、环保节能、高端设备、元器件和子系统、智能+";
                var HeathStr="医疗器械、体外诊断、生物医药、医疗服务、E-Health";
                var OtherStr="与衣食住行以及娱乐相关的商品和服务子行业及其它";
                switch(str){
                    case "TMT":
                        $(".cases-content h3").fadeIn(500).html(TMTStr);
                        $(".cases-content").attr("class","cases-content clearfix tmt");
                        roleTxt="TMT";
                        break;
                    case "jishu":
                        $(".cases-content h3").fadeIn(500).html(TechStr);
                        $(".cases-content").attr("class","cases-content clearfix jishu");
                        roleTxt="先进技术";
                        break;
                    case "yiliao":
                        $(".cases-content h3").fadeIn(500).html(HeathStr);
                        $(".cases-content").attr("class","cases-content clearfix yiliao");
                        roleTxt="医疗健康";
                        break;
                    case "other":
                        $(".cases-content h3").fadeIn(500).html(OtherStr);
                        $(".cases-content").attr("class","cases-content clearfix other");
                        roleTxt="其它";
                        break;
                }
                $(".cases-list li[data-role='"+roleTxt+"']").fadeIn(200);
            }
        }
        var casenavs=new Array("all","TMT","jishu","yiliao","other");
        $(".cases-nav a").click(function(){
            var index=$(this).index();
            var caseStr=casenavs[index];
            $(this).addClass("active").siblings().removeClass("active");
            showCases(caseStr);
        })
    })
</script>
</html>